<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>熊猫优选</title>
    <link rel="stylesheet" href="../lib/css/swiper-bundle.min.css" />
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/index.css" />
    <style>
      
    </style>
  </head>
  <body>
    <header>
      <div class="logo">
        <a href="index.html"><img src="../static/images/logo.png" alt="" /></a>
        <div class="right">
          <h3>熊猫优选</h3>
          <span> XIONG MAO YOU XUAN </span>
        </div>
      </div>
      <div class="search">
        <div class="magnifier">
          <img src="../static/images/search.png" alt="shousuo" />
        </div>
        <input type="text" placeholder="搜索商品，发现更多优惠" />
        <button>搜索</button>
      </div>
      <div class="land">
        <ul>
          <li>
            <img src="../static/images/baoyou.png" alt="baoyou" />
            <span>全程包邮</span>
          </li>
          <li>
            <img src="../static/images/tuihuan.png" alt="七天退换" />
            <span>七天退换</span>
          </li>
          <li>
            <img src="../static/images/baozheng.png" alt="品质保证" />
            <span>品质保证</span>
          </li>
          <li onclick="land()">
            <img src="../static/images/zhuce.jpeg" alt="用户登录" />
            <span>退出登陆</span>
          </li>
          <li class="onland" onclick="land()">
            <img src="../static/images/land.jpg" alt="用户登录" />
            <span>登录注册</span>
          </li>
        </ul>
      </div>
    </header>
    <nav>
      <div class="container">
        <ul>
          <li style=" background-color: pink;"  onclick="index()">首页</li>
          <li onclick="isNull()">商品详情</li>
          <li onclick="nine()">商品分类</li>
          <li onclick="lookCart()">我的购物车</li>
        </ul>
      </div>
    </nav>
    <main>
      <div class="aside">
        <ul>
          <li>
            <img src="../static/images/side_nav01.png" alt="" />
            <a>女装</a><a>/女鞋</a>
          </li>
          <li>
            <img src="../static/images/side_nav02.png" alt="" /> <a>男装</a
            ><a>/男鞋</a>
          </li>
          <li>
            <img src="../static/images/side_nav03.png" alt="" /> <a>美妆</a
            ><a>/个护</a>
          </li>
          <li>
            <img src="../static/images/side_nav04.png" alt="" /> <a>配饰</a
            ><a>/箱包</a>
          </li>
          <li>
            <img src="../static/images/side_nav05.png" alt="" />
            <a>零食王国</a>
          </li>
          <li>
            <img src="../static/images/side_nav06.png" alt="" />
            <a>母婴用品</a>
          </li>
          <li>
            <img src="../static/images/side_nav07.png" alt="" /> <a>手机</a
            ><a>/数码</a>
          </li>
          <li>
            <img src="../static/images/side_nav08.png" alt="" />
            <a>内衣袜子</a>
          </li>
          <li>
            <img src="../static/images/side_nav09.png" alt="" /> <a>文娱</a
            ><a>/家居</a>
          </li>
        </ul>
      </div>
      <div class="maincontent">
        <div class="leftcontent">
          <div class="swiper">
            <div class="swiper-wrapper">
              <!-- 动态渲染bannber -->
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
  
            <!-- 如果需要导航按钮 -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
          </div>
          <div class="bottom">
            <ul>
              <li><img src="../static/images/bannermy02.png" alt=""></li>
              <li><img src="../static/images/bannermy03.png" alt=""></li>
            </ul>
          </div>
        </div>
        <div class="right">
            <ol>
              <li><img src="../static/images/bannermy01.png" alt=""></li>
              <li><img src="../static/images/bannermy04.png" alt=""></li>
            </ol>
        </div>
       
      </div>
        
    </main>
    <div class="product">
         <div class="productNav">
            <ul>
              <li>小编精选</li>
              <li>每天更新</li>
            </ul>
         </div>
      <div class="productlist">
        <ul>
          
         
        </ul>
      </div>
      <div class="onTop" onclick="backTop()">
        <img src="../static/images/backTop.png" alt="backTop">
      </div>
     <div class="addproduct">
      <button>加载更多</button>
     </div>

    </div>
   







    <footer>
      <div class="fot">
        <div class="left">
          <img src="../static/images/logo.png" alt="页脚logo" />
          <div class="footercontent">
            <h3>熊猫优选</h3>
            <p>
              年轻人网购首选<br />
              购物领劵更省钱
            </p>
          </div>
        </div>
        <div class="download">| <a href="javascript:0;">下载APP</a></div>
        <div></div>
      </div>
    </footer>
    <script src="../lib/js/axios.min.js"></script>
    <script src="../lib/js/swiper-bundle.min.js"></script>
    <script src="../js/index.js"></script>
    <script src="../js/common.js"></script>
  </body>
</html>
